<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">

	<h:form id="formConsultarIndicador">
		<h:messages />
		<p:commandButton id="buttonNewInd" icon="ui-icon-add"
			action="#{controladorIndicador.nuevoIndicador()}"
			oncomplete="PF('dlgIndicador').show();"
			update="@widgetVar(dlgIndicador)" />
		<p:commandButton value="#{msg.cancelar}" icon="ui-icon-cancel"
			action="#{controladorPortafolio.cancelar()}" />
		<p:panelGrid id="panelIndicador" style="width:100%;">
			<p:row>
				<p:column>
					<h:outputLabel value="Id Objetivo" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorIndicador.indicadorBusqueda.objetivo.nidObjetivo}"
						readonly="true" />
				</p:column>
				<p:column>
					<h:outputLabel value="Id Indicador" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorIndicador.indicadorBusqueda.nidIndicador}" />
				</p:column>
				<p:column>
					<p:commandButton update="indicadoresTabla" id="consultarInd"
						value="Buscar" icon="ui-icon-find"
						actionListener="#{controladorIndicador.buscarIndicadoresPorFiltros}" />
				</p:column>
			</p:row>
			<p:row>
				<p:column>
					<h:outputLabel value="Nombre Indicador" />
				</p:column>
				<p:column>
					<p:inputText
						value="#{controladorIndicador.indicadorBusqueda.txtIndicador}"
						size="120" />
				</p:column>
				<p:column colspan="2">
				</p:column>
				<p:column>
					<p:commandButton update="@form:panelIndicador"
						id="consultarNewIndicador" value="Limpiar" />
				</p:column>
			</p:row>
		</p:panelGrid>
		<br />
		<br />
		<p:dataTable id="indicadoresTabla" var="ind"
			value="#{controladorIndicador.indicadores}" editable="false"
			paginator="true" rows="10"
			paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="5,10,15" resizableColumns="false">
			<p:column>
				<f:facet name="header">
					<h:outputText value="Opciones" />
				</f:facet>
				<p:commandButton
					action="#{controladorIndicador.buscarParaMostrar(ind.nidIndicador)}"
					id="verIndicador" icon="ui-icon-find" title="Ver"
					oncomplete="PF('dlgIndicador').show();"
					update="@widgetVar(dlgIndicador)" />

				<p:commandButton
					action="#{controladorIndicador.buscarParaMostrar(ind.nidIndicador)}"
					id="editarIndicador" icon="ui-icon-update" title="Editar"
					oncomplete="PF('dlgIndicador').show();"
					update="@widgetVar(dlgIndicador)" />
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="Código" />
				</f:facet>
				<h:outputText value="#{ind.nidIndicador}" />
			</p:column>

			<p:column>
				<f:facet name="header">
					<h:outputText value="Objetivo" />
				</f:facet>
				<h:outputText value="#{ind.objetivo.txtObjetivo}" />
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="Indicador Asociado" />
				</f:facet>
				<h:outputText value="#{ind.txtIndicador}" />
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="Medios de Verificacion" />
				</f:facet>
				<h:outputText value="#{ind.txtMedioVerificacion}" />
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
				<h:selectOneMenu value="#{ind.flgActivo}" disabled="true">
					<f:selectItem itemLabel=" " itemValue="000" />
					<f:selectItems value="#{controladorIndicador.estadosIndicador}"
						var="estadoIndicador" itemLabel="#{estadoIndicador.txtParametro}"
						itemValue="#{estadoIndicador.codParametro}"></f:selectItems>
				</h:selectOneMenu>
			</p:column>
		</p:dataTable>
	</h:form>
	<!-- Dialog View -->
	<p:dialog id="modalIndicador"
		header="Indicador #{controladorIndicador.indicador.nidIndicador}"
		widgetVar="dlgIndicador" modal="true" height="500" appendTo="@(body)"
		style="background-color: white;">
		<h:form id="pnlIndicador">
			<p:panelGrid style="width:100%;">
				<p:row>
					<p:column>
						<h:outputLabel value="Nombre Indicador" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicador.txtIndicador}" size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Medio de Verificacion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicador.txtMedioVerificacion}"
							size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Tipo de Indicador PP" />
					</p:column>
					<p:column>
						<h:selectOneMenu
							value="#{controladorIndicador.indicador.tipUnidadMedida}">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="000" />
							<f:selectItems value="#{controladorIndicador.tiposIndicador}"
								var="tipoIndicador"
								itemLabel="#{tipoIndicador.txtParametro}"
								itemValue="#{tipoIndicador.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Descripcion" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{controladorIndicador.indicador.txtDescripcion}"
							size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Metodo de calculo" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{controladorIndicador.indicador.txtMetodoCalculo}"
							size="120"  />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Responsable de la Medicion" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{controladorIndicador.indicador.txtResponsable}"
							size="120"  />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Fuente de Procesamiento" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{controladorIndicador.indicador.txtFteProcesamiento}"
							size="120"  />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Periocidad de Medicion" />
					</p:column>
					<p:column>
						<h:selectOneMenu
							value="#{controladorIndicador.indicador.codPeriodo}">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{controladorIndicador.periodosIndicador}"
								var="periodoIndicador"
								itemLabel="#{periodoIndicador.txtParametro}"
								itemValue="#{periodoIndicador.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Oportunidad de Calculo" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{controladorIndicador.indicador.txtOportunidadCalculo}"
							size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Posibles Interpretaciones" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{controladorIndicador.indicador.txtInterpretacion}"
							size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Riesgos" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicador.txtRiesgo}"
							size="120"  />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Acciones Correctivas" />
					</p:column>
					<p:column>
						<p:inputText
							value="#{controladorIndicador.indicador.txtAccionCorrectiva}"
							size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column>
						<h:outputLabel value="Activo" />
					</p:column>
					<p:column>
						<h:selectOneMenu
							value="#{controladorIndicador.indicador.flgActivo}">
							<f:selectItems value="#{controladorIndicador.estadosIndicador}"
								var="estadoIndicador" itemLabel="#{estadoIndicador.txtParametro}"
								itemValue="#{estadoIndicador.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</p:column>
				</p:row>
			</p:panelGrid>
			<div align="center">
				<p:commandButton id="grabar"
					actionListener="#{controladorIndicador.guardarIndicador}"
					value="#{msg.grabar}" icon="ui-icon-close"
					oncomplete="PF('dlgIndicador').hide();" update=":portafolio:panelMarcoLogico:formConsultarIndicador" ajax="false"
					rendered="#{controladorIndicador.habilitarBotonGrabar}">
					<p:confirm header="Confirmacion"
						message="Esta Seguro de Realizar los cambios?"
						icon="ui-icon-alert" />
				</p:commandButton>

				<p:commandButton id="actualizar"
					actionListener="#{controladorIndicador.actualizarIndicador}"
					value="#{msg.actualizar}" icon="ui-icon-close"
					oncomplete="PF('dlgIndicador').hide();" update=":portafolio:panelMarcoLogico:formConsultarIndicador"
					rendered="#{controladorIndicador.habilitarBotonEditar}">
					<p:confirm header="Confirmacion"
						message="Esta Seguro de Realizar los cambios?"
						icon="ui-icon-alert" />
				</p:commandButton>

				<p:commandButton id="buttonCancelarIndicador"
					onclick="PF('dlgIndicador').hide();" value="#{msg.cancelar}"
					icon="ui-icon-close" />

				<p:confirmDialog global="true" showEffect="fade"
					hideEffect="explode">
					<p:commandButton value="Si" type="button"
						styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
					<p:commandButton value="No" type="button"
						styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
				</p:confirmDialog>
			</div>
		</h:form>
	</p:dialog>
</ui:composition>